<template>
<h1>属性绑定指令</h1>
<!--  这是普通的html标签-->
  <input type="text" value="name">
<!--  属性绑定与其简写-->
  <input type="text" v-bind:value="name">
  <input type="text" :value="name">

  <hr>
  <a href="url">超链接</a>
  <a :href="url">超链接</a>

</template>


<script setup>
import {ref} from "vue";

const name = ref('星期五');

const url = ref('http://www.baidu.com');
url.value = 'http://www.qq.com';

</script>


<style scoped>

</style>